<%--
  Created by IntelliJ IDEA.
  User: 自由如风
  Date: 2018/8/29
  Time: 17:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<!--[if IE 8]><html class="ie8 no-js" lang="en"><![endif]-->
<!--[if IE 9]><html class="ie9 no-js" lang="en"><![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- start: HEAD -->
<head>
    <title>STEC在线考试系统</title>
    <!-- start: META -->
    <meta charset="utf-8"/>
    <!--[if IE]>
    <meta http-equiv='X-UA-Compatible' content="IE=edge,chrome=1"/><![endif]-->
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <meta name="keywords" content="在线考试系统"/>
    <meta name="description" content="STEC在线考试系统"/>
    <meta name="renderer" content="webkit"/>
    <!-- end: META -->

    <!-- start: MAIN CSS -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/plugins/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/plugins/bootstrap-3.3.5-dist/css/bootstrap-expand.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/plugins/animate.css/animate.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/plugins/iCheck/skins/all.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/styles.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/styles-responsive.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/plugins/iCheck/skins/all.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/resources/plugins/jQuery-Validation-Engine-master/css/validationEngine.jquery.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/quick-layout.css">
    <script src="${pageContext.request.contextPath}/resources/js/userlogin.js"></script>
    <!-- end: MAIN CSS -->
    <style>
        .container{
            max-width: 1200px;
        }

        .erweima{
            position: absolute;
            left: -1px;
            top: 0px;
            width: 370px;
            height: 314px;
            background-color: #F1F1F1;
            text-align: center;
            z-index: 9999;
            display: none;
        }
        .erweima_po{
            position: absolute;
            left: -1px;
            top: 0px;
            width: 370px;
            height: 314px;
            background-color: #F1F1F1;
            text-align: center;
            z-index: 99999;
            border: 0px solid rgb(209, 209, 209);
        }

    </style>
</head>
<body>

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12 header-bg">
            <div class="row">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <<img src="${pageContext.request.contextPath}/resources/images/c_logo_51_zz.png"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-12">
            <div class="row">
                <div class="container" style="margin-top: 100px;">
                    <div class="row">
                        <div class="col-lg-offset-1 col-md-offset-0 col-lg-6 col-md-7 hidden-sm hidden-xs">
                            <img class="auto" src="${pageContext.request.contextPath}/resources/images/c_login_51.jpg"/>
                        </div>
                        <div class="col-lg-4 col-md-5 col-md-offset-0 col-sm-offset-2 col-sm-8 col-xs-offset-1 col-xs-10">
                            <div class="panel panel-white login-box">
                                <div id="erweima" class="erweima">
                                </div>

                                <div class="panel-heading">
                                    <a id="img_wx"><img  src="https://www.scxszz.com:443/pros_sczz/login/basic/images/c_ico_wx.png" width="30" height="30" style="position: relative;left: 280px;z-index: 10000;"/></a>

                                    <h4 class="panel-title"><i class="fa fa-credit-card"></i>教师注册 <span class="text-bold">TEACHER REGISTERED</span></h4>
                                </div>
                                <div class="panel-body">

                                    <form class="form-login" action="${pageContext.request.contextPath}/teacher/vertifyEmail" method="post">
                                        <div class="errorHandler alert alert-danger hide"></div>
                                        <fieldset id="login-fieldset">

                                            <div class="form-group">

                                                <span class="input-icon">
                                                    <input type="text" class="form-control validate[required]" id="email" name="email" placeholder="请输入您的邮箱" onkeydown="ys_onkeydown(0,event)" >
                                                    <i class="fa fa-user"></i>
                                                </span>
                                            </div>

                                            <div class="form-actions">
                                                <input id="loginbutton" type="submit" value="重置密码" class="btn btn-blue btn-block login-btn"></input>
                                            </div>

                                            <div class="form-actions" color:red font-size:15>
                                                <h5 style="font-size: 15px; color: red">${error}</h5>
                                            </div>

                                        </fieldset>
                                        <fieldset id="chose-depart-fieldset" class="hide"></fieldset>
                                    </form>
                                </div>
                                <div style="text-align: right;">
                                    <!-- <a>忘记密码?</a> -->
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-12 footer-bg">
            <div class="row">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 tc">
                            版权所有:STEC在线考试系统</i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $("#img_wx").bind("click",function(){
        //$("#win").toggle();
        erweima();
    });
    var count = 0;
    function erweima(){
        if(count%2==0){
            $("#erweima").html("<iframe id='win' class='erweima_po' src='/pros_wjdc/s/w/login/qrcode/1/index'  scrolling='no' ></iframe>");
            $("#erweima").show();
        } else {
            $("#win").remove();
            $("#erweima").hide();
        }
        count ++;
    }
</script>

<!--[if lt IE 9]>
<div class="modal-backdrop fade in"></div>
<div class="browser-tip alert alert-block alert-danger fade in">
    提示: 您在使用低版本的Internet Explorer浏览器，使用不兼容的浏览器可能导致浏览异常。<br/>
    解决方法（任选其一）：<br/>
    <ul class="solution">
        <li>升级至 <a href="http://windows.microsoft.com/zh-cn/internet-explorer/download-ie" target="_blank">Internet
            Explorer 8+</a></li>
        <li>安装 <a href="http://www.google.cn/chrome/browser/desktop/index.html" target="_blank">Chrome（谷歌）浏览器</a> 或 <a
                href="http://www.firefox.com.cn/download/" target="_blank">Firefox（火狐）浏览器</a> 来使用本系统
        </li>
        <li>如果您使用360/搜狗/遨游等国产浏览器请切换到极速（高速）模式</li>
    </ul>
    <hr/>
</div>
<![endif]-->
<!-- start: MAIN JAVASCRIPTS -->
<!--[if lt IE 9]>
<script src="${pageContext.request.contextPath}/resources/plugins/respond.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/plugins/excanvas.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/plugins/jQuery/jquery-1.11.1.min.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="${pageContext.request.contextPath}/resources/plugins/jQuery/jquery-2.1.1.min.js"></script>
<!--<![endif]-->
<script src="${pageContext.request.contextPath}/resources/plugins/jquery-ui/jquery-ui-1.10.2.custom.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/plugins/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/plugins/iCheck/jquery.icheck.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/plugins/jquery.transit/jquery.transit.js"></script>
<script src="${pageContext.request.contextPath}/resources/plugins/TouchSwipe/jquery.touchSwipe.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/js/main.js"></script>
<!-- end: MAIN JAVASCRIPTS -->
<!-- start: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
<script src="${pageContext.request.contextPath}/resources/plugins/jQuery-Validation-Engine-master/js/jquery.validationEngine.js"></script>
<script src="${pageContext.request.contextPath}/resources/plugins/jQuery-Validation-Engine-master/js/languages/jquery.validationEngine-zh_CN.js"></script>
<!-- end: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
<script type="text/javascript">
    var basePath = '/';
    $(document).ready(function (){
        $('.form-login').validationEngine({
            showOneMessage: true
        });
    });
    function ys_onkeydown(num, event) {
        if (num == 0 && (event.keyCode == 13 )) {
            document.getElementById("userpwd").focus();
        } else if (num == 1 && (event.keyCode == 13 )) {
            document.getElementById("yzm").focus();
        } else if (num == 2 && (event.keyCode == 13 )) {
            ajaxLogin();
        }
    }
    function hideBrowserTip() {
        $('.modal-backdrop, .browser-tip').fadeOut();
    }
</script>
</body>
